<template>
    <div class="box">
        <leftTitle title="设备统计"></leftTitle>
        <div class="content">
            <Charts></Charts>
        </div>
    </div>
</template>

<script setup lang="ts">
import leftTitle from './leftTitle.vue';
import Charts from './charts.vue'
import { reactive } from 'vue'
import { get } from '../../request/methods'


let equipmentArr = reactive<any>({ list: [] })
get({
    url: '/v1.0/api/deviceWorking/equipment'
}).then(res => {
    // console.log(res.data.data);
    res.data.data.forEach((v: any, i: any) => {
        equipmentArr.list.push(v)

    })
})


</script>

<style lang="scss" scoped>
.box {
    width: 75%;
    height: calc(30% - 30px);
    margin-top: 100px;
    margin-left: 70px;

    .content {
        background-color: rgba(255, 255, 255, .1);
        width: 100%;
        height: calc(100% - 45px);
        margin-top: 10px;
    }
}
</style>